<template>
  <el-card class="box-card" :body-style="{display:'flex', padding:0 }">
    <i class="icon" :style="{backgroundColor:item.color}" :class="`el-icon-${item.icon}`"></i>
    <div class="detail">
      <p class="price" >￥{{item.value}}</p>
      <p class="order">{{item.name}}</p>
    </div>
  </el-card>
</template>

<script>
export default {
name: "index",
  props: ['item'],
}
</script>

<style lang="less" scoped>
.order{
  padding-left: 16px;
  font-size: 14px;
  text-align: center;
  color:#999999;

}
.price{
  padding: 10px;
  font-size: 2em;
}
</style>
